<Navbar [mode]="'light'">
    首页
</Navbar>
<List [className]="'my-list'" [renderHeader]="renderHeader">
    <ListItem routerLink="/basic" [extra]="'>'">基础</ListItem>
    <ListItem routerLink="/directive" [extra]="'>'">内置指令与自定义指令</ListItem>
    <ListItem [extra]="'>'">表单模板驱动</ListItem>
    <ListItem [extra]="'>'">表单模块驱动</ListItem>
    <ListItem [extra]="'>'" (onClick)="jumpRouter()">路由</ListItem>
<!--    <ListItem routerLink="/router" [queryParams]="{ name: 'kitty' }" [extra]="'>'">路由</ListItem>-->
    <ListItem routerLink="/lazy" [extra]="'>'">懒路由</ListItem>
    <ListItem [extra]="'>'">http</ListItem>
    <ListItem routerLink="/ng-rx" [extra]="'>'">ngRx</ListItem>
    <ListItem routerLink="/myrxjs" [extra]="'>'">Rxjs</ListItem>
    <ListItem [extra]="'>'">动画</ListItem>
</List>
<!--home与page-a是父子关系，page-a与page-b是兄弟关系，采用依赖注入传参。-->
<!--以下是父子组件传参。-->
<!--<app-page-a  [isFavorite]="true" (change)="onChange($event)"></app-page-a>-->
<!--{{name}}-->
<!--<app-page-b></app-page-b>-->